header {
    border-radius: 5px;
    position: fixed;
    top: 0px;
    z-index: 2;
    box-shadow: 0px 3px #f1f2f3a7;
    background-color: white;
}

nav {
    width: 98%;
    overflow: hidden;
    margin: 10px auto;
    font-size: 14px;
}

.nav1,
.nav2 {
    height: 40px;
    float: left;
}

.nav1 {
    width: 33%;
    line-height: 40px;
}

.nav1 li {
    margin-left: 5px;
    margin-right: 10px;
    float: left;
}

.nav1 li a {
    color: black;
}

.sousuo {
    width: 25%;
    overflow: hidden;
    float: left;
}

.sousuo input {
    width: 90%;
    height: 40px;
    border-radius: 5px;
    background-color: #f1f2f3a7;
}

.sousuo img {
    width: 20px;
    margin-left: 5px;
}

.denglu {
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    border-radius: 50px;
    text-align: center;
    color: white;
    background-color: #00aeec;
}

.nav2 {
    width: 25%;
}

.nav2 li {
    width: 14%;
    margin-left: 5px;
    text-align: center;
    float: left;
}

.nav2 li:last-child {
    width: 18%;
}

.tougao {
    width: 7%;
    height: 35px;
    line-height: 35px;
    float: left;
    border-radius: 5px;
    background-color: #fb7299;
}

.tougao img {
    margin: 8px 3px 5px 18px;
    float: left;
}

.tougao span {
    float: left;
    color: white;
}

nav img {
    width: 18px;
}

.logo {
    width: 4%;
    margin: 5px;
    float: left;
}

/* 导航栏 */
.youxi {
    width: 28%;
    position: absolute;
    top: 80px;
    left: 50px;
    padding: 20px;
    border-radius: 5px;
    display: none;
    color: black;
    background-color: white;
}

.yx:hover .youxi {
    display: block;
}

.youxi1 {
    width: 60%;
    float: left;
    font-size: 13px;
    font-weight: 500;
}

.youxi1 div {
    position: relative;
}

.youxi1 div img {
    width: 90%;
    border-radius: 5px;
}

.youxi1 div p {
    position: absolute;
    bottom: 10px;
    left: 5px;
    font-size: 14px;
    color: white;
}

.youxi1 ul {
    overflow: hidden;
    margin-top: 10px;
}

.youxi1 li {
    width: 27%;
    float: left;
    margin: 0px;
    margin-right: 10px;
}

.youxi1 ul img {
    width: 100%;
}

.youxi1 ul p {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.youxi1 ul p:hover {
    color: #00aeec;
}

.youxi2 {
    width: 32%;
    float: right;
    padding: 0px 15px;
    border-left: 2px solid #9499a0;
}

.youxi2>p,
.manhua2>p,
.saishi2>p {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}

.youxi2 li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #61666d;
}

.youxi2 li:hover {
    color: #00aeec;
}

/* 游戏隐藏栏 */
.manhua {
    width: 30%;
    padding: 15px;
    position: absolute;
    top: 80px;
    left: 100px;
    border-radius: 5px;
    display: none;
    color: black;
    background-color: white;
}

.mh:hover .manhua {
    display: block;
}

.manhua1 {
    width: 65%;
    float: left;
    overflow: hidden;
}

.manhua1 div {
    width: 45%;
    line-height: 25px;
    float: left;
    margin: 10px 0px;
    margin-right: 10px;
}

.manhua1 img {
    width: 100%;
    border-radius: 5px;
}

.manhua1 p,
.manhua2 li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}

.manhua1 p:hover {
    color: #00aeec;
}

.manhua2 {
    width: 30%;
    padding: 10px;
    float: right;
    border-left: 1px solid #9499a0;
}

.manhua2 ol {
    line-height: 30px;
    font-size: 13px;
    color: #61666d;
}

/* 漫画隐藏栏 */
.saishi {
    width: 35%;
    padding: 10px;
    position: absolute;
    top: 80px;
    left: 200px;
    border-radius: 5px;
    display: none;
    color: black;
    background-color: white;
}

.ss:hover .saishi {
    display: block;
}

.saishi1 {
    width: 55%;
    float: left;
}

.saishi1>img {
    width: 98%;
    border-radius: 5px;
}

.saishi1 div img {
    width: 46%;
    float: left;
    margin: 5px 0px;
    margin-right: 10px;
    border-radius: 5px;
}

.saishi2 {
    width: 40%;
    line-height: 30px;
    padding: 10px;
    border-left: 1px solid #9499a0;
    float: right;
}

.saishi2 ul,
.saishi2 ol {
    overflow: hidden;
}

.saishi2 ul p,
.saishi2 ol p {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}

.saishi2 ol img {
    float: left;
    margin: 5px;
}

.saishi2 ol p {
    width: 75%;
}

.saishi2 ul p {
    width: 55%;
}

.saishi2 ul input {
    width: 15%;
    margin: 5px;
    float: left;
    border: 2px solid #fb7299;
    border-radius: 5px;
    font-size: 12px;
    color: #fb7299;
    background-color: white;
}

/* 赛事隐藏栏 */
.xiazai {
    width: 20%;
    padding: 15px;
    position: absolute;
    top: 80px;
    left: 300px;
    border-radius: 5px;
    display: none;
    color: black;
    background-color: white;
}

.xz:hover .xiazai {
    display: block;
}

.xiazai1 {
    overflow: hidden;
}

.xiazai1 div {
    width: 35%;
    padding: 0px 15px;
    text-align: center;
    float: left;
}

.xiazai1 p {
    height: 20px;
}

.xiazai1 img {
    width: 80%;
    float: left;
    margin: 0px 15px;
    margin-top: 30px;
}

.xiazai div p:nth-child(2) {
    font-size: 12px;
    color: #727272;
}

.xiazai1 div:last-child img {
    width: 55%;
    margin: 0px 25px;
    margin-top: 35px;
}

.xiazai1 input {
    width: 80%;
    height: 30px;
    margin-top: 5px;
    border-radius: 5px;
    color: white;
    background-color: #00aeec;
}

.xiazai2 {
    width: 50%;
    margin: 10px auto;
    overflow: hidden;
}

.xiazai2 p {
    width: 80%;
    line-height: 20px;
    float: left;
    font-size: 12px;
    color: #727272;
}

.xiazai2 img {
    margin: 3px 0px;
    float: left;
}

/* 下载客户端 */
.dl {
    float: left;
    color: black;
}

.denglu1 {
    width: 25%;
    padding: 15px 10px;
    position: absolute;
    top: 80px;
    right: 23%;
    border-radius: 5px;
    transition: opacity 0.5s ease;
    opacity: 0;
    background-color: white;
}

.dl:hover .denglu1 {
    opacity: 1;
}

.denglu1>p {
    font-weight: 500;
}

.denglu1 ul {
    padding: 5px;
    overflow: hidden;
}

.denglu1 li {
    width: 45%;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    font-size: 14px;
}

.denglu1 li img {
    width: 10%;
    margin: 8px 5px;
    float: left;
}

.denglu1 li p {
    float: left;
}

.denglu1 input {
    width: 80%;
    height: 35px;
    margin: 5px 8%;
    border-radius: 5px;
    color: white;
    background-color: #00aeec;
}

.denglu2 {
    text-align: center;
    margin: 10px auto;
}

.denglu2 a {
    color: #00aeec;
}

/* 登录隐藏栏 */
.nav1 li:hover {
    animation: youxi 0.2s ease-out;
}

@keyframes youxi {
    50% {
        transform: translate(0px, -5px);
    }
}

.nav2 li:hover img {
    animation: anima 0.2s ease-out;
}

@keyframes anima {
    50% {
        transform: translate(0px, -5px);
    }
}

/* 隐藏栏 */
main {
    width: 85%;
    overflow: hidden;
    margin: 20px auto;
    position: relative;
    top: 50px;
}

.neirong1 {
    width: 65%;
    float: left;
    overflow: hidden;
}

.neirong1>p {
    font-size: 20px;
    margin-bottom: 10px;
}

.neirong1 ul {
    overflow: hidden;
    margin: 5px auto;
    font-size: 13px;
    color: #9499a0;
}

.neirong1 ul li {
    width: 10%;
    margin-right: 5px;
    float: left;
}

/* 连通tag（标签）ul部分 */
.neirong1 ul a {
    float: left;
    color: #ff6699;
}

.neirong1 ul span {
    margin-left: 3px;
    float: left;
}

.neirong1 ul li:first-child {
    width: 23%;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #ff66991a;
}

.neirong1 ul li:last-child {
    width: 23%;
    margin-left: 5px;
}

.neirong1 ul img {
    width: 16px;
    margin-top: 2px;
    float: left;
}

/* 标题 */
video {
    width: 100%;
    margin-top: 15px;
}

.shipin span {
    font-size: 13px;
    margin: 0px 10px;
    color: #61666d;
}

.shipin div {
    border: 2px solid #f1f2f3a7;
    border-top: none;
}

.shipin input {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-bottom: 5px;
    border-radius: 10px;
    background-color: #99999953;
}

.shipin input:nth-last-child(2) {
    width: 45%;
}

.shipin input:last-child {
    width: 8%;
    background-color: #999999b5;
}

/* 视频 */
.sanlian {
    overflow: hidden;
    border-bottom: 2px solid #f1f2f3a7;
    font-size: 15px;
    color: #61666d;
}

.sanlian div {
    width: 10%;
    margin: 10px 5px;
    float: left;
}

.sanlian img {
    width: 25px;
}

.sanlian>img {
    float: right;
    margin-top: 10px;
}

.sanlian span:hover {
    color: #00aeec;
}

/* 三连 */
.jianjie {
    overflow: hidden;
    border-bottom: 2px solid #f1f2f3a7;
}

.jianjie div {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}

.jianjie img {
    width: 15px;
}

.jianjie p {
    height: 25px;
    line-height: 25px;
}

.jianjie ul {
    text-align: center;
    margin-bottom: 15px;
}

.jianjie ul li {
    width: 9%;
    height: 25px;
    line-height: 25px;
    border-radius: 10px;
    background-color: #f1f2f3a7;
}

.jianjie ul li:first-child {
    width: 35%;
    border-radius: 10px;
    background-color: #f1f2f3a7;
}

.jianjie ul li:last-child {
    width: 3%;
}

.jianjie ul li:hover {
    color: #00aeec;
}

.jianjie

/* 简介 */
.xuanchuan {
    overflow: hidden;
    margin: 10px 0px;
    background-color: #f0c27343;
}

.xuanchuan p {
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 12px;
    color: #ffb027;
}

/* 宣传 */
.pinglun {
    width: 100%;
    overflow: hidden;
}

.pinglun1 {
    width: 100%;
    overflow: hidden;
}

.pinglun1 div {
    overflow: hidden;
}

.pinglun1 h2 {
    float: left;
    font-weight: 500;
}

.pinglun1 span {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px;
    float: left;
    color: #9499a0;
}

.pinglun1 a {
    width: 5%;
    margin: 12px 0px;
    font-size: 12px;
    text-align: center;
    float: left;
    color: black;
}

.pinglun1 a:last-child {
    border-left: 2px solid #999999b5;
    color: #9499a0;
}

.pinglun1 img {
    width: 45px;
    margin-top: 5px;
    margin-left: 30px;
    float: left;
    border-radius: 50px;
}

.pinglun1 input {
    width: 88%;
    height: 45px;
    margin-top: 5px;
    margin-left: 10px;
    float: left;
    border-radius: 5px;
    background-color: #f1f2f3a7;
}

/* 评论1 */
.pinglun2 {
    margin-top: 20px;
    overflow: hidden;
}

.pinglun2 img {
    width: 48px;
}

.pinglun2 .pl2 {
    width: 85%;
    margin-left: 10px;
    float: left;
}

.pinglun2t {
    font-size: 13px;
    overflow: hidden;
    color: #ff6699;
}

.pinglun2t img {
    width: 35px;
    margin-top: 14px;
    margin-left: 5px;
    float: left;
}

.pinglun2t img:nth-last-child(2) {
    width: 25px;
    margin-top: 19px;
}

.pinglun2t img:last-child {
    width: 50%;
    float: right;
    margin-top: 0px;
}

.pinglun2t span {
    height: 60px;
    line-height: 60px;
    float: left;
}

.pinglun2b {
    font-size: 15px;
    overflow: hidden;
}

.pinglun2b span {
    width: 26px;
    height: 15px;
    line-height: 15px;
    margin-right: 5px;
    float: left;
    text-align: center;
    border: 3px solid #ff6699;
    border-radius: 5px;
    font-size: 12px;
    color: #ff6699;
}

.pinglun2f {
    font-size: 13px;
    color: #9499a0;
    overflow: hidden;
}

.pinglun2f img {
    width: 16px;
    float: left;
    margin: 8px 0px;
    margin-left: 20px;
}

.pinglun2f span {
    float: left;
    margin: 5px;
}

.pinglun2f span:last-child {
    margin-left: 20px;
}

.pinglun2f span:hover {
    color: #00aeec;
}

/* 评论2 */
.pinglun3 {
    width: 70%;
    margin-left: 70px;
}

.pinglun3 div {
    overflow: hidden;
}

.pinglun3 div div {
    width: 92%;
    float: right;
}

.pinglun3 div div:last-child {
    font-size: 13px;
    color: #9499a0;
}

.pinglun3tb {
    overflow: hidden;
    font-size: 15px;
    line-height: 27px;
}

.pinglun3tb img {
    float: left;
}

.pinglun3tb p {
    font-size: 13px;
    float: left;
}

.pinglun3tb img {
    margin: 0px 5px;
}

.pinglun3tb img:last-child {
    margin-left: 0px;
}

/* 评论3 */
.pinglun4 {
    width: 75%;
    height: 50px;
    line-height: 50px;
    margin: 10px auto;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #00aeec;
    background-color: #dff6fd;
}

/* 评论4 */
.neirong2 {
    width: 32%;
    float: right;
}

.geren {
    overflow: hidden;
}

.geren div {
    width: 75%;
    margin-left: 10px;
    float: left;
}

.geren div div {
    overflow: hidden;
    float: none;
}

.geren div a {
    margin-right: 10px;
    float: left;
    font-size: 15px;
    color: #ff6699;
}

.geren div span {
    font-size: 13px;
    color: #9499a0;
}

.geren div img {
    width: 16px;
    margin-top: 5px;
    float: left;
}

.geren div p {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #9499a0;
}

.geren input {
    width: 38%;
    margin-top: 5px;
    height: 30px;
    margin-left: 10px;
    border: 2px solid #ff6699;
    border-radius: 5px;
    font-size: 14px;
    color: #ff6699;
}

.geren input:last-child {
    width: 50%;
    border: none;
    color: white;
    background-color: #00aeec;
}

/* 个人 */
select {
    width: 95%;
    height: 40px;
    margin: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    background-color: #f1f2f3ce;
}

/* 弹幕 */
.guanggao {
    width: 95%;
    overflow: hidden;
    margin: 5px auto;
}

.guanggao img {
    width: 30%;
    float: left;
}

.guanggao img:last-child {
    width: 16px;
    float: right;
}

.guanggao div {
    width: 65%;
    overflow: hidden;
    margin-left: 10px;
    float: right;
}

.guanggao div p {
    height: 35px;
}

.guanggao div span {
    font-size: 13px;
    margin-right: 10px;
    float: left;
    color: #9499a0;
}

.guanggao span:nth-child(2) {
    width: 15%;
    height: 15px;
    line-height: 15px;
    margin-top: 2px;
    border-radius: 5px;
    border: 2px solid #9499a0;
    text-align: center;
    font-size: 12px;
}

.guanggao p:hover {
    color: #00aeec;
}

/* 广告 */
.heji {
    padding: 15px;
    border-radius: 10px;
    margin-top: 20px;
    background-color: #f1f2f3ce;
}

.heji div {
    width: 95%;
    overflow: hidden;
}

.heji img {
    width: 18px;
    float: left;
    margin-top: 3px;
}

.heji span {
    margin-right: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    float: left;
    color: #9499a0;
}

.heji a {
    width: 20%;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    border: 2px solid #00aeec;
    text-align: center;
    float: right;
    color: #00aeec;
}

.heji ul {
    width: 80%;
    float: left;
}

.heji ul:last-child {
    width: 18%;
    text-align: center;
}

.heji ul li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.heji ul li:hover {
    color: #00aeec;
}

/* 合集 */
.bang {
    margin: 10px 0px;
    overflow: hidden;
    font-size: 14px;
    color: #9499a0;
}

.bang div {
    width: 78%;
}

.bang div div img {
    width: 12px;
}

.bang a {
    font-size: 16px;
    color: black;
}

.bang div div:last-child {
    width: 100%;
    overflow: hidden;
}

.bang span {
    margin-left: 5px;
    color: #ffa726;
}

.bang div div:last-child span {
    width: 40px;
    float: left;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    background-color: #fff6e4;
}

.bang div div:last-child p {
    width: 60%;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 邦邦 */
.tuijian {
    height: 1150px;
    overflow: auto;
    margin-top: 10px;
}

.video2 {
    overflow: hidden;
    margin: 20px auto;
}

.video2 div {
    width: 98%;
    overflow: hidden;
    margin: 5px 10px;
}

.video2 img {
    width: 35%;
    float: left;
    border-radius: 5px;
}

.video2 a {
    width: 55%;
    overflow: hidden;
    height: 45px;
    margin-left: 10px;
    float: left;
    font-size: 15px;
}

.video2 span {
    font-size: 13px;
    float: left;
    margin-top: 3px;
    margin-bottom: 20px;
    margin-right: 3px;
    color: #9499a0;
}

.video2 span:nth-last-child(2) {
    height: 13px;
    line-height: 13px;
    margin-top: 5px;
    border: 2px solid #9499a0;
    border-radius: 5px;
    font-size: 12px;
}

.video2 span:last-child {
    margin-left: 5px;
}

.video2 p:hover {
    color: #00aeec;
}

/* 推荐 */
footer {
    margin-top: 100px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #727272;
}

footer span {
    margin-right: 10px;
}

footer a {
    margin-right: 10px;
    color: #727272;
}

footer a:hover {
    color: #00aeec;
}

footer div:last-child {
    width: 50%;
    margin: 30px auto;
}

footer img {
    width: 15%;
    margin-right: 20px;
}